ul,
li,
img,
p,
span,
h3,
h4,
h2 {
  padding: 0;
  margin: 0;
}
body {
  font-size: 0.14rem;
  font-family: PingFangSC-Light, helvetica, 'Heiti SC';
  background: #f4f4f4;
}
a {
  display: block;
  text-decoration: none;
}
li {
  list-style-type: none;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.first {
  margin: 0;
}
h6 {
  margin: 0;
}
body {
  font-family: PingFangSC-Light, helvetica, 'Heiti SC';
}
.payment-container .container-part {
  margin-top: .2rem;
  padding: .3rem;
  font-size: .22rem;
  color: #666666;
  background: #ffffff;
}
.payment-container .container-part i {
  float: right;
  font-size: .5rem;
  vertical-align: middle;
  line-height: .7rem;
}
.payment-container .first {
  margin: 0;
}
.payment-container .container-border-bg {
  width: 100%;
  height: .1rem;
  background: url(../img/payment/payment-border-bg.png);
  background-size: auto .1rem;
}
.payment-container .container-address .address-info-wrapper {
  display: flex;
}
.payment-container .container-address .address-info-wrapper .info-user-wrapper {
  flex: 1;
  line-height: .3rem;
}
.payment-container .container-address .address-info-wrapper .info-user-wrapper .address-username {
  display: block;
}
.payment-container .container-address .address-info-wrapper .info-user-wrapper .address-tag {
  float: none;
  padding: .02rem .05rem;
  font-style: normal;
  font-size: .12rem;
  color: #b4282d;
  border: 0.01rem solid #b4282d;
}
.payment-container .container-address .address-info-wrapper .info-content-wrapper {
  width: 75%;
}
.payment-container .container-address .address-info-wrapper .info-content-wrapper .content-phone {
  font-size: .22rem;
  color: #333333;
}
.payment-container .container-benefit .benefit-list {
  padding: 0;
}
.payment-container .container-benefit .benefit-list .list-item {
  line-height: .7rem;
  border-top: 0.01rem solid #dddddd;
}
.payment-container .container-benefit .benefit-list .list-item a {
  color: #666666;
}
.payment-container .container-benefit .benefit-list .list-item a .benefit-right {
  float: right;
}
.payment-container .container-benefit .benefit-list .list-item a .benefit-right .benefit-num-wrapper {
  margin-right: .2rem;
}
.payment-container .container-benefit .benefit-list .first {
  border: 0;
}
.payment-container .container-comes .comes-content {
  padding: 0;
}
.payment-container .container-comes .comes-content .content-item {
  display: flex;
  line-height: .7rem;
}
.payment-container .container-comes .comes-content .content-item .item-money {
  width: 1rem;
  text-align: right;
}
.payment-container .container-comes .comes-content .content-item .item-left {
  position: relative;
  flex: 1;
}
.payment-container .container-comes .comes-content .content-item .item-left .item-short-wrapper {
  display: inline;
}
.payment-container .container-comes .comes-content .content-item .item-left .item-short-wrapper .item-short {
  line-height: .3rem;
  margin-top: .2rem;
  margin-right: .2rem;
  padding: .02rem .05rem;
  text-align: right;
  font-style: normal;
  font-size: .18rem;
  color: #f48f18;
  border: 0.01rem solid #f48f18;
}
.payment-container .container-comes .comes-content .content-item .item-left .item-short-wrapper .item-short-triangle-wrapper {
  position: absolute;
  top: 50%;
  margin-top: -0.05rem;
  right: 0;
  margin-right: .03rem;
  display: inline-block;
  width: .1rem;
  height: .1rem;
}
.payment-container .container-comes .comes-content .content-item .item-left .item-short-wrapper .item-short-triangle-wrapper .item-short-triangle-box {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.05rem;
  border: 0.1rem solid transparent;
  border-left-color: #f48f18;
  width: 0;
  height: 0;
}
.payment-container .container-comes .comes-content .content-item .item-left .item-short-wrapper .item-short-triangle-wrapper .item-short-triangle-inner {
  position: absolute;
  top: 50%;
  right: .03rem;
  margin-top: -0.04rem;
  border: 0.08rem solid transparent;
  border-left-color: #ffffff;
  width: 0;
  height: 0;
}
.payment-container .container-goods .goods-details {
  display: flex;
  align-items: center;
}
.payment-container .container-goods .goods-details .details-pic {
  width: 1rem;
}
.payment-container .container-goods .goods-details .details-pic img {
  width: 100%;
}
.payment-container .container-goods .goods-details .details-spec {
  flex: 1;
}
.payment-container .container-goods .goods-details .details-spec .spec-goodsname {
  font-size: .24rem;
  font-weight: 400;
  color: #666666;
}
.payment-container .container-goods .goods-details .details-spec .spec-color {
  line-height: .3rem;
  float: none;
  font-style: normal;
  font-size: .16rem;
}
.payment-container .container-goods .goods-details .details-spec .spec-money {
  line-height: .4rem;
  color: #333333;
}
.payment-container .container-goods .goods-details .details-num {
  width: .1rem;
}
.payment-container .container-agree {
  font-size: .12rem;
  color: #999999;
}
.payment-container .container-agree a {
  display: inline;
  margin-left: .1rem;
  color: #999999;
}
.payment-footer {
  display: flex;
  line-height: .6rem;
  font-size: .22rem;
  background: #ffffff;
}
.payment-footer .footer-totalmoney {
  padding-left: .2rem;
  flex: 1;
  color: #b4282d;
}
.payment-footer .footer-button {
  width: 1.5rem;
  text-align: center;
  color: #ffffff;
  background: #b4282d;
}
